<!DOCTYPE html>
<html lang="zh-hans">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <title>充值 </title>
    <link rel="stylesheet" href="__TEMPLATE__/webfile/main.css">
    <script type="text/javascript" src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
    <script src="__SYSMET__/lib/layer/2.4/layer.js" type="text/javascript"></script>
    <style>
        .cz_header {
            width: 96%;
            height: 30px;
            line-height: 30px;
            border: 1px solid #ccc;
            overflow: hidden;
            padding: 10px 2%;
        }

        .cz_header>div {
            float: left;
            height: 30px;
        }

        .info_money {
            width: 96%;
            padding: 0 2%;
            border-bottom:1px solid #ccc;
        }

        .info_money p {
            height: 30px;
            line-height: 30px;
            width: 100%;
            margin-bottom: 15px;
        }

        .info_money div span {
        	width:120px;
        	display:block;
            height: 40px;
            text-align: center;
            float: left;
            font-size:16px;
            border: 1px solid #ccc;
            line-height:40px;
            border-radius: 3px;
            background:#e6e6e6;
            margin:15px 25px;
        }
       
        .info_money div .add_bg {
            background: #f00;
            color: #fff;
        }
        .xzfs {
        	
            width: 100%;
            height: auto;
            overflow: hidden;
            padding-bottom:10px;
        }
         .xzfs li {
        	width:120px;
            height: 40px;
            float: left;
            border: 2px dashed #ccc;
            border-radius: 3px;
            padding:4px 10px;
           margin:10px 20px;
            position:relative;
            overflow: hidden;
        }
        .xzfs li a {
            display: block;
            overflow: hidden;
            text-decoration: none;
            color: #000;
        }
         .xzfs li a h2{text-align: center;font-size:16px;}
        .xzfs li a div {
            font-size: 14px;
            font-weight: bold;
        }
        .xzfs li a div span{display:block;text-align: center;}
        a:hover{text-decoration: none;}

    </style>
</head>

<body cz-shortcut-listen="true">
<div class="header">
    <div class="main main_btm_border">
        <div class="left logo">
            <a href="{:url('index/home')}" class="logo-link">
						<span class="logo_image">
						</span>
                <style>
                    .logo_image {
                        background-image:url("__ATTACHMENT__/{$logo.logoimg}")!important
                    }
                </style>
            </a>
        </div>
        <div class="right login_and_userinfo_1">
            <div class="login_header">
						<span class="welcome">
						</span>
                <div class="mobile_download" style="cursor:pointer">
                    <i class="iconfont">
                        
                    </i>
                    <i class="iconfont">
                        
                    </i>
							<span class="">
								手机app下载
							</span>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="model_2" class="model_2" style="display:none">
    <div class="model_header">
        <h1>
            温馨提醒
        </h1>
    </div>
    <div class="model_body">
				<span id="model_content">
				</span>
    </div>
    <div class="foot_succ">
        <a onclick="jQuery.modal.close()" class="btn btn-default btn-radius">
            确定
        </a>
    </div>
</div>
<div class="main usercenter">
    <div class="user_topup">
        <div class="user_menu left">
            <h2>会员中心</h2>
            <ul>
                <li><i class="iconfont"></i>
                    <a href="{:url('user/index')}">个人中心</a>
                </li>
                <li class="hover"><i class="iconfont"></i>
                    <a class="user_goto_finance" href="{:url('user/recharge')}">财务中心</a>
                </li>
                <li><i class="iconfont"></i>
                    <a href="{:url('user/callRecord')}">交易记录</a>
                </li>
                <!-- <li><i class="iconfont"></i><a href="{:url('user/detail')}">详细设定</a></li> -->
                <li><i class="iconfont"></i>
                    <a href="{:url('user/peilvdetail')}">赔率详情</a>
                </li>
                <li><i class="iconfont"></i>
                    <a href="{:url('user/message')}">信息公告</a>
                </li>
            </ul>

            <h2>代理中心</h2>
            <ul>
                <li><i class="iconfont"></i>
                    <a class="user_goto_finance" href="{:url('user/dlCentent')}">代理说明</a>
                </li>
                {if($f.dl==1)}
                <li><i class="iconfont"></i>
                    <a href="{:url('user/dailibaobiao')}">代理报表</a>
                </li>
                <li><i class="iconfont"></i>
                    <a href="{:url('user/xiajibaobiao')}">下级报表</a>
                </li>
                <li><i class="iconfont"></i>
                    <a href="{:url('user/xiajikaihu')}">下级开户</a>
                </li>
                <li><i class="iconfont"></i>
                    <a href="{:url('user/xiajiguanli')}">下级管理</a>
                </li>
                <li><i class="iconfont"></i>
                    <a href="{:url('user/touzhumingxi')}">投注明细</a>
                </li>
                <li><i class="iconfont"></i>
                    <a href="{:url('user/jiaoyimingxi')}">交易明细</a>
                </li>
                {else/}
                <li><i class="iconfont"></i>
                    <a href="{:url('user/shenqing')}">代理申请</a>
                </li>
                {/if}
            </ul>
        </div>
        <div class="user_right right" style="height:;">
            <div class="user_main">
                <div class="user_header">
                    <div class="user_header_nav">
                        <ul>
                            <li class="hover">
                                <a href="{:url('user/recharge')}">充值</a>
                            </li>
                            <li>
                                <a href="{:url('user/drawMoney')}">提现</a>
                            </li>
                            <li>
                                <a href="{:url('user/rechargeRecord')}">充值记录</a>
                            </li>
                            <li>
                                <a href="{:url('user/drawMoneyRecord')}">提现记录</a>
                            </li>
                            <li>
                                <a href="{:url('user/other')}">其他记录</a>
                            </li>
                            <li style="background:#fff;float:right;height:36px;margin-top:4px;margin-right:4px;font-size:12px;line-height:36px;padding:0 4px;">
                                <span style="margin-right:10px;">账&nbsp;&nbsp;号：{$user_all.username}</span>
                                <span >金额：<i style="color:red;font-style: normal">{$user_all.je}</i></span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="user_body" style="padding:0;">
                	<ul class="info_money">
                        <li>
                            <p style="color:#8e8880;margin-top:30px;font-size:15px;width:100%;overflow: hidden;">
                                 <i style="display:block;border-radius:50%;float:left;width:20px;height:20px;background:red;color:#fff;font-style: normal;line-height:20px;text-align: center;margin-top:5px;margin-right:5px;">￥</i>                                                                        
                                 <span style="display:block;float:left;width:;font-size:18px;height:31px;">充值金额：</span> 
                                <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" value="10" style="font-size:18px;width:350px;float:left;border:none;border-bottom:1px solid #ccc;display:block;color:#666;" id="recharge_money" />
                                <span style="display:block;float:left;font-size:18px;">元</span>
                            </p>
                            <div id="money_value" style="overflow: hidden;">
                                <span data-val="10" class="add_bg">￥10</span>
                                <span data-val="100">￥100</span>
                                <span data-val="300">￥300</span>
                                <span data-val="500">￥500</span>
                                <span data-val="1000">￥1000</span>
                                <span data-val="3000">￥3000</span>
                                <span data-val="5000">￥5000</span>
                                <span data-val="10000">￥10000</span>
                            </div>
                            
                        </li>
                    </ul>
                    
                    <div style="width:100%;height:auto;">
                    	<ul class="xzfs">
                    		<li>
                    			<a href="javascript:;">
                    				<h2 >网银支付</h2>
	                                 <div style="font-size:12px;">
	                                    <span>银联(线下支付)</span>
	                                    
	                                </div>
                    			</a>
                                
                            </li>
                            <li>
                    			<a href="javascript:;">
                    				<h2 >网银支付</h2>
	                                 <div style="font-size:12px;">
	                                    <span>银联(线下支付)</span>
	                                    
	                                </div>
                    			</a>
                                
                            </li>
                            <li>
                    			<a href="javascript:;">
                    				<h2 >网银支付</h2>
	                                 <div style="font-size:12px;">
	                                    <span>银联(线下支付)</span>
	                                    
	                                </div>
                    			</a>
                                
                            </li>
                            <li>
                    			<a href="javascript:;">
                    				<h2 >网银支付</h2>
	                                 <div style="font-size:12px;">
	                                    <span>银联(线下支付)</span>
	                                    
	                                </div>
                    			</a>
                                
                            </li>
                            
                    	</ul>
                    	
                    </div>
                 
                    <div style="margin:50px 0 20px;height:40px;" id="next_down">
                                    <a style="display:block;color:#fff;font-size:20px;text-align:center;border-radius:4px;height:45px;width:265px;line-height:45px;background:#e94335;margin:0 auto;font-weight: bold;" href="bb.html">下一步</a>
                     </div>
                     
                    
               </div>
               
               
               
            </div>
        </div>
    </div>
</div>
<script>
	$('#money_value').children('span').click(function() {
        var money_value = $(this).data('val');
        $('#money_value').children('span').removeClass('add_bg');
        $(this).addClass('add_bg');
        $('#recharge_money').val(money_value);
    });
</script>
</body>
